﻿/* General Set
-----------------------------------------*/
body {
	font-size:12px;
	font-family:"Courier New";
	margin:0px;
	color:#333;
	background-attachment:fixed;
	background:#333333;
}

a {
	color:#333333;
	text-decoration:none;
}
a:visited
{
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#FF6600;
	text-decoration:none;
}
form
{
margin:0px;
padding:0px;
}
/* container
-----------------------------------------*/
#container1 {
	width:100%;
	position:relative;
	margin:auto;
	background:#FFFFFF;
}
#container2 {}
/* banner and pageheader
-----------------------------------------*/
#user
{
margin:auto;
padding:0px;
height:30px;
background:#666666;
padding-left:10px;
}
#banner
{
margin:auto;
padding:0px;
width:100%;
height:219px;
background:#666666;
}
#pageheader {
	color:#fff;
	height:180px;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
#pageheader h1 {
font-size:32px;
font-weight:bold;
color:#FFFFFF;
margin-top:20px;
margin-bottom:10px;
}
#pageheader h1 a {
font-size:32px;
font-weight:bold;
color:#FFFFFF;
}
#pageheader h1 a:visited
{
font-size:32px;
font-weight:bold;
color:#FFFFFF;
}
#pageheader h1 a:hover {
font-size:32px;
font-weight:bold;
color:#FF0033;
}
#pageheader h2 {
font-size:18px;
font-weight:bold;
color:#FFFFFF;
margin:0px;
padding:0px;
}
/*导航
*/
#head_dh{
margin:0px;
padding-top:5px;
background:url(../images/menu.gif);
height:23px;
border-bottom:#999999 solid 1px;
}
#head_dh ul {list-style:none; margin:0px 0px 0px 18px;}
#head_dh ul li {float:left; margin:0 10px 0 0; display:block; line-height:20px;}
.menuDiv { width:1px; height:18px; background:#999;}

/* main
-----------------------------------------*/
#main2 {
}

/* content
-----------------------------------------*/
#content {
	width:74%;
	float:right;
	overflow:hidden;
	margin-bottom:10px;
}


.blogbody {
    margin-top:0px;
	padding:2px 2px 5px 0px;
	margin-bottom:10px;
}
.date {
	color:#000;
	text-align:left;
	margin:0px;
	padding-top:10px;
	padding-left:30px;
	font-size:11px;
}
.datediv {}/* 第二層date */
.articletext {}/*包含 .title .extended .innertext .extended */
.articletext .title {
	margin-top:0px;
	padding-left:18px;
	padding-right:20px;
	padding-top:3px;
	padding-bottom:3px;
	background:#EEF8FF;
	font-size:14px;
	font-weight:bold;
	border-top:#666666 1px solid;
	border-bottom:#999999 1px dashed;
}

.articletext .innertext {
	padding-left:18px;
	padding-right:20px;
	color:#000000;
	line-height:20px;
	font-size:12px;
}
.articletext .innertext1 {
	padding-left:8px;
	padding-right:8px;
	color:#000000;
	line-height:20px;
	font-size:12px;
}
.articletext .extended {
	padding-left:18px;
	padding-right:20px;
	height:30px;
	TEXT-ALIGN:left;
}
.extended a{
	color:#000000;
}
.posted {
    padding-top:10px;
	padding-left:18px;
	padding-right:20px;
	text-align:right;
	color:#666666;
	height:20px;
}
.posted a{
	color:#000000;
}

/*分页*/
#pages { margin:5px 10px; text-align:right; clear:both;}
#pages a { padding:3px 6px 2px; margin:3px; border:1px solid #B9DFF9; text-align:center; color:#077ac7;}
#pages a.now{ background:#077ac7; color:#fff; border:0;}
#pages a:hover,#pages a.now:hover{ background:#077ac7; color:#fff;}

.aboutus{padding:10px}

/* comments
-----------------------------------------*/
.total-comments-div {
	border-top:0px dotted #333;
	padding-top:10px;
	margin-top:10px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head {
	border:0px solid #333;
	padding:7px;
	margin-bottom:10px;
}
.total-comments-div .comments-head {
	border:0px solid #333;
	padding:7px;
}
.total-comments-div .comments-bottom .comments-head {
	border:0px solid #333;
	padding:7px;
	margin-top:10px;
}
.total-comments-div .comments-body {
	border-bottom:0px dotted #333;
}
.total-comments-div .comments-body .comments-post {
	text-align:right;
	color:#333;
}
.total-comments-div .comments-body form {
}
.page
{
    margin-top:10px;
	padding:0px 10px 5px 10px;
	margin-bottom:10px;
	text-align:right;
}
.info
{
margin-top:10px;
padding:0px 10px 5px 10px;
margin-bottom:10px;
text-align:left;
}
.info a
{
color:#333333;
text-decoration:underline;
}
.info a:visited
{
	color:#333333;
	text-decoration:underline;
}
.info a:hover {
	color:#FF0033;
	text-decoration:underline;
}
.tags
{
margin-top:10px;
padding:0px 10px 5px 10px;
margin-bottom:10px;
text-align:left;
}
.tags a
{
color:#333333;
text-decoration:underline;
}
.tags a:visited
{
	color:#333333;
	text-decoration:underline;
}
.tags a:hover {
	color:#FF0033;
	text-decoration:underline;
}
.postuser {}
.postemail {}
.postweb {}
#nameid {}
#email {}
#url {}
#text {width:300px;}

/* links 選單
-----------------------------------------*/
#links
{
padding-left:5px;
}
/* links 選單進階設定
-----------------------------------------*/
.calendar {
height:5px;
}/* 行事曆 */
.side
{
margin:0px;
padding-left:5px;
}
.side ul
{
margin:0px;
padding:0px;
}
.side ul li
{
margin:0px;
padding:0px;
list-style-type:none;
line-height:19px;
border-bottom:dotted #CCCCCC 1px;
}
.side ul li span
{
	color: #666666;
	float: right;
	text-align: right;
	clear:right;
	font-size:12px;
	padding-right:6px;
}
.service
{
padding-top:10px;
padding-bottom:10px;
text-align:center;
}
#boxMySpace
{
margin-top:10px;
width:245px;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}
#boxMySpace .boxMySpace0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
overflow:hidden;
}
#boxMySpace .boxMySpace1
{
padding-top:5px;
text-align:center;
}
#boxSlideShow
{
width:245px;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}
#boxSlideShow .boxSlideShow0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#boxSlideShow .boxSlideShow1
{
margin-bottom:5px;
padding-top:5px;
padding-left:20px;
width:220px;
}
#boxCategory
{
width:25%;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}
#boxCategory .boxCategory0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
font-size:14px;
font-weight:bold;
}
#boxCategory .boxCategory1
{

padding-left:10px;
padding-right:10px;
width:90%;
}
#boxCategory .boxCategory1 h2
{
padding-top:5px;
font-size:12px;
font-weight:100;
}
#boxclass
{
width:25%;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}
#boxclass .boxclass0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#boxclass .boxclass1
{
padding-left:20px;
width:90%;
background:url(../images/list.gif) no-repeat;
}

#vote
{
width:20%;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}
#vote .vote0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#vote .vote1
{
padding-left:10px;
padding-right:10px;
width:20%;
}

#usertop
{
width:25%;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}
#usertop .usertop0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#usertop .usertop1
{
padding-left:10px;
padding-right:10px;
width:220px;
}
#arthot
{
width:245px;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}
#arthot .arthot0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#arthot .arthot1
{
margin-bottom:5px;
padding-left:20px;
width:220px;
background:url(../images/list.gif) no-repeat;
}
#sitetj
{
width:25%;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}
#sitetj .sitetj0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#sitetj .sitetj1
{
padding-left:20px;
width:90%;
}
#rss
{
margin-bottom:10px;
width:25%;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
}
#rss .rss0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#rss .rss1
{
padding-top:5px;
padding-left:20px;
width:90%;
}
#scupioSearch
{
margin-top:10px;
width:25%;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}
#scupioSearch .scupioSearch0
{
height:17px;
background:url(../images/menu.gif);
border-top:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#scupioSearch .scupioSearch1
{
padding-top:5px;
padding-left:20px;
width:220px;
}
#boxNewComment
{
width:250px;
padding-top:10px;
padding-left:25px;
}

#blogad
{
width:25%;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}
#blogad .blogad0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
font-size:14px;
font-weight:bold;
}
#blogad .blogad1
{
margin-bottom:5px;
padding-left:10px;
padding-right:10px;
width:90%;
text-align:center;
}
#blogad .blogad2
{
margin-top:5px;
margin-bottom:5px;
padding-left:2px;
width:90%;
text-align:center;
}
.artside
{
margin:0px;
padding-left:0px;
}
.artside ul
{
margin:0px;
padding:0px;
}
.artside ul li
{
margin:0px;
padding-top:10px;
padding-bottom:5px;
width:220px;
list-style-type:none;
overflow:hidden;
}

#ather
{
margin-top:10px;
padding:0px;
}
#atherleft
{
width:225px;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
float:left;
}
#atherleft .atherleft0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#atherleft .atherleft1
{
padding-left:20px;
width:200px;
background:url(../images/list.gif) no-repeat;
}
#atherright
{
margin-left:5px;
width:275px;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
float:left;
}
#atherright .atherright0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#atherright .atherright1
{
padding-left:20px;
width:250px;
background:url(../images/list.gif) no-repeat;
}
#athermore
{
margin-left:5px;
width:360px;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
float:left;
}
#athermore .athermore0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#athermore .athermore1
{
padding-left:20px;
width:335px;
background:url(../images/list.gif) no-repeat;
}

#artrand
{
width:245px;
background:#F5F5F5;
border-left: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}
#artrand .artrand0
{
height:17px;
background:url(../images/menu.gif);
border-top: solid 1px #CCCCCC;
padding-left:20px;
padding-top:7px;
font-size:14px;
font-weight:bold;
}
#artrand .artrand1
{
padding-left:20px;
width:220px;
background:url(../images/list.gif) repeat-y;
}
.retu
{
margin-top:10px;
margin-bottom:10px;
border: dashed 1px #CCCCCC;
}
#return
{
margin-top:30px;
}

.pic
{
margin:5px 5px 5px 0px;
width:155px;
text-align:center;
float:left;
padding:2px;
border:#CCCCCC 1px solid;
}
.picimg
{
height:120px;
width:155px;
overflow:hidden;
text-align:center;
}
.pictitle
{
margin:0px;
padding:0px;
text-align:center;
font-size:12px;
color:#FF3300;
font-weight:bold;
}
.picdate
{
margin:0px;
padding:0px;
height:20px;
text-align:center;
font-size:12px;
color:#666666;
}

#footerdh
{
padding-left:20px;
height:29px;
line-height:29px;
background:url(../images/footbg.jpg);
text-align:left;
color:#FFFFFF;
clear:both;
}
#footerdh a:link{
	text-decoration: none;
	color:#ffffff;
}
#footerdh a:visited
{
	text-decoration: none;
	color:#ffffff;
}
#footerdh a:hover {
	text-decoration: none;
	color:#FF6600;
}
#footerdh a:active
{
	text-decoration: none;
	color:#ffffff;
}
#footeraout
{
background:#EEEEEE;
height:35px;
line-height:30px;
text-align:center;
color:#000000;
clear:both;
}
#footer
{
border-top:#999999 solid 1px;
padding-right:20px;
padding-top:10px;
height:100px;
text-align:center;
clear:both;
}